#app {
    .el-header {
        border-bottom: #444444 1px solid;
        background-color: #444444;
        color: aliceblue;
    }
    
    .el-aside {
        border-right: #444444 1px solid;
        background-color: #444444;
        
        .el-submenu {
            background-color: #444444;
            color: aliceblue;
            
            .el-submenu__title {
                background-color: #444444;
                color: aliceblue;
            }
            
            i {
                color: aliceblue;
            }
            
        }
        
        .el-menu-item {
            background-color: #444444;
            color: aliceblue;
            
            i {
                color: aliceblue;
            }
            
        }
        
        .el-submenu__title:hover {
            background-color: #686868;
            color: aliceblue;
            
            i {
                color: aliceblue;
            }
        }
        
        .el-submenu__title.is-active {
            background-color: #686868;
            color: aliceblue;
            
            i {
                color: aliceblue;
            }
        }
        
        .el-menu-item:hover {
            background-color: #686868;
            color: aliceblue;
            
            i {
                color: aliceblue;
            }
        }
        
        .el-menu-item.is-active {
            background-color: #686868;
            color: aliceblue;
            
            i {
                color: aliceblue;
            }
        }
        
        
    }
    
    .base_menu_right {
        color: aliceblue;
    }
    
    .base_menu_left {
        color: aliceblue;
    }
}

.el-dialog {
    .el-dialog__header {
        background-color: #3c3c3c;
        
        .el-dialog__title {
            color: aliceblue;
        }
        
        .el-dialog__headerbtn {
            
            i {
                color: aliceblue;
            }
        }
    }
}
